#layout-viewer {
    min-height: 500px;
    width: 100%;
    background: #fff;
    margin: 20px 0;
    padding: 10px;
}
#layout-viewer [area] {
    min-height: 100px;
    margin: 2px 0;
    background-color: #F2F8FD;
}
#layout-viewer ul.widgets-list{
    min-height: 50px;
    border: 1px dashed #ccc;
    padding: 10px 10px 50px 10px;
    list-style: none;
}
#layout-viewer ul.widgets-list > li{
border: 1px solid #ccc;
color: #666;
height: 3.3em;
line-height: 1.0em;
overflow: hidden;
padding: 5px;
position: relative;
text-align: center;
margin: 5px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
background: #fafafa url(../img/draggable.png) repeat-y;
background-position-y: -5px;
cursor: move;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#layout-viewer ul.widgets-list > li:hover {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
border-color: #999;
}
#layout-viewer a.add-widget {
    margin-top: -50px;
    display: block;
    text-align: center;
    padding-bottom: 50px;
}
body {
	overflow-x: visible;
}
.ui-state-highlight,.ui-sortable-helper  {
	
	border: 1px dashed #ccc!important;
	opacity: 0.8!important;
}

.w-control {
float: right;
margin-top: 4px;
} 
.w-control > a {
border: 1px solid;
border-radius: 50px;
padding: 5px 4px 1px 4px;
margin-left: 5px;
}
.w-control > a.w-remove:hover{
	border-color: #900;
}
.w-control > a.w-edit:hover{
	border-color: #0E9118;
}
.widgets-list  > li > span {
	width: 80%;
	display: block;
	text-align: left;
	padding-left: 10px;
}
.my.quick-actions-horizontal {
	text-align:left;
}
.my.quick-actions-horizontal > li{
	width: 200px;
	text-align: left;
}
.my.quick-actions-horizontal > li >a{
	text-align:left !important;
}

.modal-body {
}
#editWidget {
	overflow: initial;
}
[area="hidden"] {
	background-color: rgb(202, 202, 202) !important;
}